<template>
	<div class="myCenter">
		<NavBottom></NavBottom>
		<!--个人中心头部模块-->
		<div class="head">
			<div class="account">
				<span class="sp2"></span>
				<strong v-text="name"></strong>
				<p><em>个人用户</em></p>
			</div>
			<div class="colect">
				<p class="co-p1">
					收藏的商品<br />
					<span>6</span>
				</p>
				<p class="co-p2">
					浏览记录<br />
					<span>6</span>
				</p>
			</div>
			<div class="cus-head">
				<img src="../assets/img/mall.png"/>
			</div>
		</div>
		<div class="orders">
			<a href="#" class="order-my order-my1">
				<span class="ord-sp1">
					<strong>我的询价单</strong>
				</span>
				<img src="../assets/img/qp_sxq.png" />
				<span class="ord-sp2">全部询价</span>
			</a>
			<div class="oblig">
				<a href="#" class="obl-left inq_left">
					<span>0</span>
					<br />
					<br />
					报价中
				</a>
				<a href="#" class="obl-center inq_center">
					<span>0</span>
					<br />
					<br />
					报价完成
				</a>
				<a href="#" class="obl-right inq_right">
					<br />
					<br />
					已失效
				</a>
			</div>
		</div>
		<div class="orders">
			<a href="#" class="order-my order-my2">
				<span class="ord-sp1">
					<strong>我的订单</strong>
				</span>
				<img src="../assets/img/qp_sxq.png" />
				<span class="ord-sp2">全部订单</span>
			</a>
			<div class="oblig oblig1">
				<a href="#" class="obl-left obl-lefts">
					<br /><br />待付款
					<em>0</em>
				</a>
				<a href="#" class="obl-left obl-lefts1">
					<br /><br />待发货
					<em>0</em>
				</a>
				<a href="#" class="obl-left obl-lefts2">
					<br /><br />待收货
					<em>0</em>
				</a>
				<a href="#" class="obl-left obl-lefts3">
					<br /><br />待评价
					<em>0</em>
				</a>
				<a href="#" class="obl-left obl-lefts4">
					<br /><br />售后中心
					<em>0</em>
				</a>
				
			</div>
			<div class="skip">
				<img src="../assets/img/me_ico_oldorder@2x.png"/>
				<span class="titles">点击查看2017年06月24日之前订单</span>
				<span class="goold">查看老订单</span>
			</div>
		</div>
		<div class="orders" style="padding-bottom: 0px;">
			<a href="#" class="order-my order-my3">
				<span class="ord-sp1">
					<strong>资产中心</strong>
				</span>
			</a>
		</div>
		<div class="orders" style="padding-bottom: 0px;">
			<a href="#" class="order-my order-my4">
				<span class="ord-sp1">
					<strong>联系客服</strong>
				</span>
				<img src="../assets/img/qp_sxq.png" />
				<span class="ord-sp2" style="color: #333333;">010-61640642</span>
			</a>
		</div>
	</div>
</template>

<script>
	import NavBottom from "./NavBottom.vue"
	
	export default{
		data:function(){
			return{
				name: sessionStorage.logName	
			}
		},
		components:{
			NavBottom
		}
	}
</script>

<style>
	@import url("../assets/css/index.css");
</style>